.title{
    color: #555555 ; text-align: right;font-size: 22px;font-weight: normal;
}
.login_web{
    height: 52px;
    width: 200px;
}
.h1_1{
    text-align: center;font-size: 40px;border-bottom: 1px solid #efefef;padding-bottom:40px;margin: 20px 0
}
.timseadd {
    height: 66px;
    margin-right: 50px;
    margin-bottom: 23px;
    margin-top: 20px;
    float: right;
    border-radius: 50px;
    background: rgba(255,255,255,0.3);

}

.mar10{
    margin: 0;
}
.mar40{
    margin: 20px 0;
}

.btnBox{
    width: 450px;
    display: flex;
    align-content: center;
    margin-left: 175px;
}

.btn-block{
    color:#fff;
    height:64px;
    width: 80px;
    padding: 0;
    font-size: 16px;
    background: transparent;
    border: none;
    margin-right: 20px;
}

.btn-block img{
    width: 26px;
    float: left;
}
.div-1 button{
    width: 120px;
}
.div-1{
    margin: 0 auto;
    /*border: 1px red solid;*/
    border-radius: 1%;
    background: white;
    /*text-align: center;*/
}
h1{
    font-size: 24px;
    color: #333;
    text-align: center;
}

/*header*/
.header{background: #005C34;padding: 20px 16px;}
.header:after{content:"";clear:both;display: block;}
.header .logo{font-size: 20px;color:#fff;float:left;font-weight: bold;line-height: 24px;position:relative;padding-left:220px;}
.header .message{float:right;position: relative;}
.header .no_login{color:#fff;padding-left:35px;background:url(../../image/public/no_login.png) 0 center no-repeat;line-height: 35px;font-size:18px;display: inline-block;float: right;cursor:pointer;position:relative;}
.header .no_login a{color:#fff;font-size:18px;text-decoration: underline;padding:0 2px;}
.header .is_login{width:60px;display:inline-block;vertical-align: top;margin-left: 20px;margin-top: 4px;}
.header .is_login span{width:37px;height:40px;background: url(../../image/public/menu.png) no-repeat center center;display: inline-block;}
.header .task_name{font-size:22px;color:#fff;clear: both;}
.header .layui-btn{margin-top: 6px;}
.header .message .drop{display:none;top: 47px;position: absolute;background: #fff;z-index: 99999;right: -16px;border-radius: 5px;padding: 10px 0;box-shadow: 0 8px 8px #dbdbdb;width: 116px;}
.header .message .drop a{display: block;color: #005C34;font-size: 12px;padding: 10px 21px 10px 21px;    line-height: 20px; text-decoration: none; text-align: center; }
.header .message .drop a:hover{background-color:#f1f1f1;}
.header .message .drop:before{content:"";position: absolute;top: -14px;border: 7px;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;left: 50%;margin-left: -7px;}
.header .logo font{display: inline-block; margin: 0 13px; color: white; font-size: 0; vertical-align: middle; border: 1px solid #fff; height: 20px;}
.logo img{position: absolute; top: 50%; margin-top: -24px; left: 0; }
.is_login:hover .drop,.drop:hover{display:block;animation:mymove 0.1s;-webkit-animation:mymove 0.1s; /*Safari and Chrome*/}
@keyframes mymove
{
    from {top:60px;}
    to {top:57px;}
}

/*.main_content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;}*/
.main_content.has_back{/*background: #BDFCE1;*/}
.main_content.has_back:before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background:url(../../img/loginBack.jpg) center center no-repeat;}
.footer+.main_content{bottom:40px;}
/*.window_box{box-shadow: 0 0 5px rgba(109,109,109,.2);background:rgba(255,255,255,0.7);position:relative;border-radius: 5px;}*/
.window_box{width: 1200px;margin:120px auto 0;z-index:9;display: table; height: 88%;}

.changeBtn{display: none !important;}

.leftForm{width: 700px;float: left}

.carousel{
    float: left;
}

.bold{
    font-weight: bold;
    font-size: 18px;
    width: 90% !important;
}
.textali {
    height: 100% !important;
    /*overflow-y: auto;*/
}

#content {
    margin-top: 20px;
    height: calc(100vh - 425px);
    margin-bottom: 25px;
    border-bottom: 1px dashed #d6d9e2;
    overflow: hidden;
    overflow-y: auto;

}

.slide{width: 100%;}

.slide img{width: 100%;display: block;}


.toptit{width:207px;height:56px;margin-top: 38px;margin-left: 45px;}
.toptit img{width: 100%;height: 100%;}


.layui-input{border-color: #c7c7c8;background:#ffffff;padding-left:18px;height:53px;line-height: 42px;}
#AccountPWD,.mm{background-position: 4px center;}
#captcha{background-position: 4px bottom;}
.change{line-height: 42px;text-align:center;display: block;color:#1597fc;}

.entryTle{
    font-size: 28px;
    font-weight: bold;
    color: #E60214;
    line-height: 40px;
    margin-top: 74px;
    text-align: center;
}

.certificatType{
    margin-top: 70px;
    text-align: center;
    color: #E60214;
}

.unit{
    margin-bottom: 15px;
    font-size: 18px;
    height: 20px;
    position: relative;
}

.unit::before,.unit::after{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #F74D49;
    border-radius: 6px;
    vertical-align: middle;
    margin-left: 16px;
}

.unit::before{
    margin-left: 0;
    margin-right: 16px;
}

.lv{
    font-size: 14px;
    height: 14px;
}

#submitBtn{height:40px;line-height: 40px;margin-top: 18px;background:linear-gradient(#EB3530 0%, #FF5F5B 100%);font-size: 18px;border-radius:5px; }
#submitBtn:hover{opacity: 1;background: linear-gradient(#db2520,#eb3530);}
.sign_up,.forget{color:#ff751a;font-size:14px;padding-left: 36px;line-height: 25px;display: inline-block;}
.forget{float:right}

.loginIn{
    width: 346px;
    margin: 50px auto 0;
}
.resetLoginIn{
    width: 670px;
    margin: 100px auto 0;
}

.start,.end{
    width: 670px;
    display: table;
}

.start{
    margin-top: 108px;
}

.start p{
    width: 280px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.start .solid{
    width: 110px;
    height: 2px;
    margin-top: 14px;
    float: left;
}

.start .solid::after{
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #333;
    margin: 0 auto;
}


.end p{
    width: 280px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #FFFFFF;
}

.end p:nth-child(2){
    margin-left: 110px;
}

#eaxmName{
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 500;
}

.enter{
    width: 100%;
    font-size: 14px;
    color: #333;
    margin-top: 60px;
    text-align: center;
}

.tips{
    margin: 20px auto 0;
    font-size: 18px;
    color: #666;
    text-align: center;
}

.greyhound{
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin: 0 auto;
}

#radio{
    margin-right: 10px;
    width: 15px;
    height: 15px;
    border: 1px solid #333;
    display: inline-block;
    transform: translateY(2px);
}

.optimize{
    width: 540px;
    margin: 125px auto 0;
    display: flex;
    justify-content: center;
}

#showtime,#sub{
    width: 200px;
    height: 48px;
    border-radius: 5px;
    padding: 0;
    text-align: center;
    color: #fff;
    font: 18px/48px "";
    float: left;
}

#showtime{
    background: #FF6A66;
}

#sub{
    background: #009BEE;
    outline: none;
    margin-right: 0;
}

#sub:focus,.btn-block:focus{
    box-shadow: none;
}

.item{margin-bottom: 12px;position:relative;}
.not-allowed{background: #666;cursor: not-allowed}
.marR10{margin-right: 10px}
.contentBoxShow{
    display: block;
}
.contentBoxHide{
    display: none;
}

/*选项卡*/
.rt_content{width:278px;border:1px solid #e4e4e4; border-top:0;padding-top: 20px;}
.rt_content_tt{width:95%; height:40px; line-height:40px; margin:0 auto; border-bottom:1px solid #e4e4e4;}
.rt_content_tt h2{width:150px; font-size:25px; display:inline-block;font-weight: 700;line-height: 40px;}
.rt_content_tt p{width:100px; display:inline-block;}
.answerSheet ul,#choice,#case,#questionsBox{padding:10px; text-align:left;margin-bottom: 0;border-bottom: 1px dashed #d6d9e2;padding-right: 0}
.answerSheet li,#choice li,#case li,#questionsBox li{ display:inline-block;margin-bottom:10px; height: 35px;width: 35px;line-height: 32px; text-align:center;border-radius: 50px;margin-right: 10px;}
.answerSheet li a,#choice li a,#case li a,#questionsBox li a{display:block;}
.answerSheet li:hover,#choice li:hover,#case li:hover,#questionsBox li:hover{color: #FFFFFF}
.answerSheet li:hover a,#choice li:hover a,#case li:hover a,#questionsBox li:hover a{color:#fff;text-decoration: none}
#case {border: 0;}
/* 调整修改部分样式 */
.answerSheet .hasBeenAnswer,#choice .hasBeenAnswer,#case .hasBeenAnswer,#questionsBox .hasBeenAnswer{background: #009BEE;border:1px solid #009BEE}
.hasBeenAnswer a{color: #FFFFFF !important;}

.resetCss{margin: 25px auto 0;border-radius: 4px;}
.redlogo{width: 100%;height: auto;float: left;margin-top: 12px;}
.redlogo img{width: 100%;vertical-align: middle;}

.attributes{width:750px;float: right;display: flex; justify-content: space-between;}
.infoBox{width: 100%;background: linear-gradient(0deg, #E91F1F 0%, #ED3A35 100%);}
.info{width: 1200px;height:64px;margin: 0 auto;display: table;}
#ticketNumber,#idCard, #name{color: #fefefe;text-align: center;line-height: 64px;float: left;margin-bottom: 0;font-size:14px}


.layui-layer-content{
    text-align: center;
    font-size: 14px;
    color: #333;
}


.heading{
    width: 1200px;
    margin: 25px auto 45px;
    display: table;
}

.options{
    width: 800px;
    display: table;
    padding: 0 20px;
    box-sizing: border-box;
    float: left;
}

.slogan{
    float: left;
    width: 450px;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
    margin-bottom: 0;
}

.tap{
    float: right;
    display: table;
    margin: 0;

}

.tap dd{
    float: left;
    color: #333333;
    margin: 0;
    margin-right: 10px;
    font-size: 18px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor:pointer;
}

.tap dd.active{
    background: #FFB61A;
    border-radius: 20px;
    color: #FEFEFE;
}

#examShowtime{
    width: 405px;
    /*height: 40px;*/
    line-height: 67px;
    font-size: 27px;
    /*font-weight: bold;*/
    color: #FFFFFF;
    float: left;
    margin-left: 24px;
    padding: 0 25px;
    padding-right: 0;
    box-sizing: border-box;
}

#examShowtime #lastEndTime{
    margin-left: 5px;
}

.around{
    width: 1200px;
    margin: 0 auto;
    display: table;
}

.topic{
    width: 800px;
    float: left;
    display: table;
}

.subjectType{
    font-size: 35px;
    font-weight: 500;
    color: #333;
    height: 65px;
    font-family: 黑体;
    line-height: 65px;
    border-bottom: 1px solid #E5E5E5;
    padding-left: 45px;
    background: #cbedff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/*.subjectType::before{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 4px;*/
/*    height: 20px;*/
/*    background: #E91F1F;*/
/*    margin-right: 10px;*/
/*}*/

.sheet{
    width: 410px;
    margin-left: 24px;
    float: left;
}

.state{
    width: 95%;
    margin: 0 auto;
    display: table;
}

.done{
    float: left;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 40px;
    margin-right: 20px;
    margin-bottom: 0;
}

.done span{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #009BEE;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -2px;
}

.fail span{
    background: #FFFFFF;
    border: 1px solid #999999;
}

.onenape{
    width: 95%;
    margin: 0 auto;
    font-size: 20px;
    font-family: 黑体;
    color: #333;
    line-height: 40px;
}

.uniform{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.serial{
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #E60012;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 20px;
    display: inline-block;
    margin-right: 18px;
    float: left;
    font-weight: 500;
    /*margin-bottom: 100px;*/
}

.maLabel{
    font-weight: 400;
    color: #666666;
}

.changeBtn{
    width: 600px;
    margin:40px auto;
}



.gray{
    background: #ccc;
}

.green{
    background: #43BD00;
}

.resetSub{
    float: initial !important;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto !important;
    margin-right: auto;
}

.adjust{
    width: 100%;
    margin: 0 auto 0;
}

.alerted{
    width: 520px;
    height: 320px;
    background: url("../../img/alert.png");
    box-shadow: 0px 6px 32px 0px rgba(0,60,80,0.15);
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform:translate(-50%,-50%);
    display: none;
}

.query{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin-top: 226px;
    margin-bottom: 20px;
}

.alerted .button{
    width: 240px;
    margin: 0 auto;
}

.alerted .button span{
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #FF6A66;
    border-radius: 4px;
    margin-right: 32px;
    font-size: 14px;
    color: white;
    display: inline-block;
    text-align: center;
    cursor:pointer;
}

.alerted .button span:nth-of-type(2){
    margin-right: 0;
    background: none;
    border: 1px solid #FF6A66;
    color: #333333;
}


.infantGin{
    /*background: url("../../img/indexlogin.png");*/
    background-size: 100% 100%;
}
.infant{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 5%;
    box-sizing: border-box;
}
.infant::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: url(../../img/infant.png) center center no-repeat;*/
    background-size: 100% 100%;
}

.loginInBox{
    margin-top: 140px;
    margin-bottom: 55px;
    color: #206fff;
    font-size: 30px;
    text-align:center;
    font-weight: 500;
}

.infantBox{
    background: transparent;
    box-shadow: none;
    height: initial;
}

.infantBox .leftForm{
    width: 500px;
}

.infantBox .carousel{
    width: 700px !important;
}

.infantBox .carousel{
    margin-top: 50px;
}

.infantBox .toptit{
    margin: 38px auto 0;
}

.infantBox .title{
    font-weight: 500;
    font-size: 30px;
    text-align: right;
    margin-top: 24px;
    color: white;
    padding-right: 50px;
    box-sizing: border-box;
}

.infantBox .desc{
    margin-top: 10px;
    font-size: 20px;
}

.recovery::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../../img/recovery.png) center center no-repeat;
}

.firm{
    width: auto;
    text-align: center;
    margin:40px auto;
    font-size: 12px;
    color: #fefeff;
}

.infantBox #submitBtn{
    background: #4886f8;
}

.infoBox,#showtime,.subjectType::before,.unify{
    background: #009BEE!important;
}
.unify{
    width: 100px !important;
    height: 40px;
    background: #fd9404 !important;
    border-radius: 4px;
    margin-top:0 !important;
}
#sub {
    background: #2c82eb;
}